<%@page contentType="text/html;charset=utf-8"%>
<%@include file="../../core/common.jsp"%>
<html>
<head>
<title></title>
</head>
<script>
	function htId_(newValue, oldValue) {
		if (newValue) {
			$('#fm').form('load', '${CTX}/mgt/t/ht/get?id=' + newValue);
		} else {
			$('#ggxh').combobox('clear');
			$('#khId').combobox('clear');
			$('#htzl').numberspinner('clear');
			$('#ckzl').numberspinner('clear');
			$('#yckzl').numberspinner('clear');
		}
	}
</script>
<body>
	<div class="easyui-panel" data-options="fit:true,border:false,footer:'#fb'">
		<form id="fm">
			<input id="json_hz" name="json_hz" type="hidden">
			<input id="json_mx" name="json_mx" type="hidden">
			<table class="form-layout w110 p-t-10 p-r-30 p-b-10">
				<tr>
					<td>合同编号：</td>
					<td><input name="htId" class="easyui-combobox" data-options="url:'${CTX}/mgt/t/ht/option',editable:false,formatter:'',required:true,onChange:htId_" /></td>
					<td>规格型号：</td>
					<td><input id="ggxh" name="ggxh" class="easyui-combobox" data-options="url:'${CTX}/mgt/sys/dict/value/ph',editable:false,formatter:''" disabled="disabled" /></td>
					<td>需方：</td>
					<td><input id="khId" name="khId" class="easyui-combobox" data-options="url:'${CTX}/mgt/t/kh/option',editable:false,formatter:''" disabled="disabled"/></td>
				</tr>
				<tr>
					<td>合同重量(T)：</td>
					<td><input id="htzl" name="htzl" class="easyui-numberspinner" data-options="min:0,max:1000000" disabled="disabled"/></td>
					<td>出库重量(T)：</td>
					<td><input id="ckzl" name="ckzl" class="easyui-numberspinner" data-options="min:0,max:1000000,required:true" validType="jyhtzl['#yckzl','#htzl']" /></td>
					<td>已出库重量(T)：</td>
					<td><input id="yckzl" name="yckzl" class="easyui-numberspinner" data-options="min:0,max:1000000" disabled="disabled" /></td>
				</tr>
				<tr>
					<td>物流</td>
					<td><input name="wlId" class="easyui-combobox" data-options="url:'${CTX}/mgt/t/wl/option',editable:false,formatter:'',required:true" /></td>
					<td>出库日期：</td>
					<td><input name="ckrq" class="easyui-datebox" data-options="editable:false,required:true" /></td>
					<td>到达日期：</td>
					<td><input name="ddrq" class="easyui-datebox" data-options="editable:false,required:true" /></td>
				</tr>
			</table>
		</form>
		<div class="p-l-30 p-r-30" style="float: left;">
			<table id="dg" title="货物汇总" class="easyui-datagrid" data-options="width:600,border:true,fit:false,showFooter:true">
				<thead>
					<tr>
						<th data-options="field:'cpbh',width:180">产品编号</th>
						<th data-options="field:'zl',width:180">重量(kg)</th>
						<th data-options="field:'ks',width:180">捆数</th>
					</tr>
				</thead>
			</table>
		</div>
		<div class="p-l-30 p-r-30">
			<table id="dgmx" title="货物明细" class="easyui-datagrid" data-options="width:600,border:true,fit:false,showFooter:true">
				<thead>
					<tr>
						<th data-options="field:'cpbh',width:180">产品编号</th>
						<th data-options="field:'cpxh',width:180">产品序号</th>
						<th data-options="field:'zl',width:180">重量(kg)</th>
					</tr>
				</thead>
			</table>
		</div>
		<div style="clear: both;"></div>
	</div>
	<div id="fb">
		<a id="create" class="form-btn success">创建出库单</a>
		<a id="save" class="form-btn success">确定</a>
	</div>
</body>
<script>
	$(function() {
		$('#dg').datagrid({
			loadFilter : function(data) {
				var zl = 0;
				var ks = 0;
				for (var i = 0; i < data.length; i++) {
					zl += data[i]["zl"];
					ks += data[i]["ks"];
				}
				return {
					total : data.length,
					rows : data,
					footer : [ {
						cpbh : '合计',
						zl : zl,
						ks : ks
					} ]
				};
			}
		});
		$('#dgmx').datagrid({
			loadFilter : function(data) {
				var zl = 0;
				for (var i = 0; i < data.length; i++) {
					zl += data[i]["zl"];
				}
				return {
					total : data.length,
					rows : data,
					footer : [ {
						cpbh : '合计',
						zl : zl
					} ]
				};
			}
		});
		$('#save').click(function() {
			if (!$('#fm').form('validate')) {
				return;
			}
			if (!$('#json_hz').val() || !$('#json_mx').val()) {
				$.info('请先创建出库单');
				return;
			}
			$.mask();
			$.ajax({
				url : '${CTX}/mgt/t/ckd/insert',
				data : $('#fm').serialize(),
				success : function(data) {
					$.unmask();
					$.handle(data, function() {
						$.close();
					});
				}
			});
		});
		$('#create').click(function() {
			if (!$('#fm').form('validate')) {
				return;
			}
			$.mask();
			$.ajax({
				url : '${CTX}/mgt/t/ckd/create',
				data : {
					ggxh : $('#ggxh').combobox('getValue'),
					ckzl : $('#ckzl').numberspinner('getValue')
				},
				success : function(data) {
					$.unmask();
					if (data.flag) {
						if (data.hz) {
							$('#dg').datagrid('loadData', data.hz);
							$('#json_hz').val(JSON.stringify(data.hz));
						}
						if (data.mx) {
							$('#dgmx').datagrid('loadData', data.mx);
							$('#json_mx').val(JSON.stringify(data.mx));
						}
					} else {
						$.info('库存不足，无法生成出库单');
					}
				}
			});
		});
	});
</script>
</html>